<template>
  <el-container>
    <Navigation></Navigation>

    <div class="main-box">
      <div class="main-left">
        <el-col :span="12">
          <el-menu
              :default-active="this.$route.path"
              class="el-menu-vertical-demo"
              background-color="#545c64"
              text-color="#fff"
              router
              active-text-color="#fff">
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-date"></i>
                <span>审核系统</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="checkProject">待审批列表</el-menu-item>
                <el-menu-item index="adminSigned">已审核列表</el-menu-item>
                <el-menu-item index="adminRejectApply">驳回列表</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-edit"></i>
                <span>项目管理</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="adminProject">项目列表</el-menu-item>
                <el-menu-item index="addProject?product_id=-1">发布新项目</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-money"></i>
                <span>金融系统</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="adminPayment">款项发放</el-menu-item>
                <el-menu-item index="hasPaymentList">已发放项目</el-menu-item>
                <el-menu-item index="adminRefund">还款系统</el-menu-item>
                <el-menu-item index="adminFinishList">已完成项目</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-edit"></i>
                <span>签约系统</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="signedOnlineList">在线签约</el-menu-item>
                <el-menu-item index="signedNeedCheck">签约待审核</el-menu-item>
                <el-menu-item index="hasSignedList">已签约列表</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
          </el-menu>
        </el-col>
      </div>
      <div class="main-right">
        <router-view></router-view>
      </div>
    </div>

    <el-footer>
      <FooterBar></FooterBar>
    </el-footer>
  </el-container>
</template>

<script>
import Navigation from "@/components/FrontComponents/Navigation";
import FooterBar from "@/components/FrontComponents/FooterBar";
export default {
  name: "adminHome",
  components: {FooterBar, Navigation},
}

</script>

<style scoped>
.main-box {
  width: 1500px;
  margin-top: -15px;
  margin-left: 100px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  background-color: #fffefd;
}
.main-left{
  width: 255px;
  overflow-y: auto;
  overflow-x: hidden;
}
.main-right {
  width: 985px;
  margin-left: 0px;
  background-color: #f5f5f5;
}
.el-menu {
  height: 800px;
  width: 250px;
}
.el-menu .el-menu-item {
  padding-left: 30px;
}

.el-menu .el-menu-item .el-icon-caret-right {
  margin-top: 20px;
  float: right;
}
</style>
